import { createApp } from 'vue';
import App from './App.vue';
// 导入 CSS 样式
import '@/assets/css/details.css';
import '@/assets/css/font-awesome.min.css';
import '@/assets/css/index.css';
import '@/assets/css/list.css';
import '@/assets/css/login.css';
import '@/assets/css/public-head.css';
import '@/assets/css/reset.css';
import '@/assets/css/swiper.css';
import '@/assets/css/user_center.css';
import '@/assets/css/user_pay.css';

// 导入第三方库和插件
// Vue 插件：可以使用 app.use() 方法进行配置，因为它们遵循 Vue 的插件安装模式。
// 普通的第三方库：通常不能使用 app.use() 方法，除非它们也被设计为 Vue 插件。对于这些库，你可以直接导入使用，或者添加到 app.config.globalProperties 以便在组件内部使用。

//   插件（插件指的就是vue插件）
import router from './router';
// 库(第三方组件库)
import qs from "qs";
import layx from 'vue-layx';
import md5 from 'js-md5'
import {v1 as uuid } from 'uuid'
// 创建 Vue 应用实例
const app = createApp(App);

// 使用路由插件
app.use(router);

// 如果 layx 是一个 Vue 插件，这样使用它
// 如果 layx 需要配置选项，可以在这里传递
// app.use(layx, {
//     // 配置选项（如果有的话）
// });

// 挂载 Vue 应用实例到 DOM
app.mount('#app');

// 设置全局属性
app.config.globalProperties.$qs = qs;
// 如果 layx 需要在全局属性中使用，你可以这样做
// 但是请确保 layx 是一个可以在组件内部使用的对象或函数
app.config.globalProperties.$layx = layx;
app.config.globalProperties.$md5 = md5;
app.config.globalProperties.$uuid = uuid;
